<!DOCTYPE html>
<html lang="zxx">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="icon" href="images/favicon.png">
	<title>Runface - 动态精准护肤，给你的皮肤新的体验</title>

	<link rel="stylesheet" href="css/materialize.css">
	<link rel="stylesheet" href="css/loaders.css">
	<link rel="stylesheet" href="css/lightbox.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/owl.theme.default.min.css">
	<link rel="stylesheet" href="css/style.css">

</head>
<body>

	<!-- coming soon -->
	<div class="coming-soon">
		<div class="container">
			<div class="wrapper-content">
				<div class="wrap-desc-top">
					<div class="wrap-image">
						<img src="images/logo.png" alt="">
					</div>
					<span>COMING SOON</span>
					<h2>New Branch</h2>
				</div>
				<div class="content-countdown">
					<div class="countdown" data-date="February 04 2019 06:0:0">
						<div class="row">
							<div class="col s3">
								<div class="content">
									<ul>
										<li class="data-number" data-days>0</li>
										<li class="data-title">Days</li>
									</ul>
								</div>
							</div>
							<div class="col s3">
								<div class="content">
									<ul>
										<li class="data-number" data-hours>0</li>
										<li class="data-title">Hours</li>
									</ul>
								</div>
							</div>
							<div class="col s3">
								<div class="content">
									<ul>
										<li class="data-number" data-minutes>0</li>
										<li class="data-title">Min</li>
									</ul>
								</div>
							</div>
							<div class="col s3">
								<div class="content">
									<ul>
										<li class="data-number" data-seconds>0</li>
										<li class="data-title">Sec</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="wrap-desc-bottom">
					<p>Facere repudiandae, vero accusantium sint debitis natus deleniti laboriosam praesentium quis aut</p>
				</div>
				<div class="cs-button">
					<a href="#modal" class="button modal-trigger">Notify Me</a>
					<a href="index.html" class="button">Back Home</a>
				</div>
				<div class="modal-notify">
					<div id="modal" class="modal modal6">
						<div class="modal-content">
							<form>
								<input type="text" placeholder="Full Name">
								<input type="email" placeholder="Email">
								<input type="text" placeholder="Phone Number">
								<button class="button">Login</button>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end coming soon -->

	<script src="js/jquery.min.js"></script>
	<script src="js/materialize.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/countdown.min.js"></script>
	<script src="js/main.js"></script>

	<script>
		$(".countdown").countdown();
	</script>

</body>
</html>